<template>
    <div class="PxTTUpdiv1">
        <div style="font-size:20px;">老上海馄饨(第二食堂店)</div>
        <div style="font-size:13px;margin-top:5px">商家配送 约40分钟 · 月销6543 · 食安险</div>
        <img src="../../../assets/ttimg/ttmian.jpg" class="mainimg">
        <div style="font-size:12px;margin-top:10px">
            <img src="../../../assets/ttimg/crown.png" class="img2">
            <span class="Upspan1">
                ￥<span style="font-weight:700;font-size:16px">4</span>
                无门槛
            </span>
            <span class="Upspan2">兑</span>
        </div>
        <div style="font-size:12px;margin-top:12px">
            <span class="Upspan3">21减1 
                <span style="margin-left:10px">29减2</span> 
                <span style="margin-left:15px">42减3</span>
            </span>
            <span class="Upspan3" style="margin-left:5px">配送费优惠</span>
            <span class="Upspan3" style="margin-left:5px">特价商品</span>
        </div>
    </div>
</template>

<script>
export default {
    name:'PxTTUp',
}
</script>

<style scoped>
.PxTTUpdiv1{
    padding-right: 8px;
    padding-left: 14px;
    border-radius: 8px;
    padding-bottom: 15px;
    padding-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 10px -8px rgb(170, 170, 170) ;
}
.mainimg{
    width: 60px;
    height: 60px;
    border-radius: 10px;
    float: right;
    margin-top: -45px;
    margin-right: 3px;
}
.img2{
    position: absolute;
    margin-left: 8px;
}
.Upspan1{
    background-color: rgb(255, 229, 180);
    padding: 5px;
    padding-left: 25px;
    padding-right: 8px;
    border-radius: 4px;
    border-right: 1px dashed rgb(255, 188, 63);
}
.Upspan2{
    background-color: rgb(255, 229, 180);
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
}
.Upspan3{
    color: rgb(255, 64, 64);
    border: 1px solid rgb(255, 156, 156);
    padding-left: 5px;
    border-radius: 4px;
    padding-right: 5px;
}
</style>